import React ,{Component} from 'react';
import {render} from 'react-dom';
import './header.css'
import {BrowserRouter, Route,Link} from 'react-router-dom';

/**
 * 底部组件
 */
class Header extends Component {

    render(){
        return(
  <div className="headWapper">
              <div className="ngWapper dfr aic ">
                <div className="dfc aic"> <img src={require('../../image/log.png')}/></div>
                    <div className="ngItems">
                      {/*<span><Link to="/">首页</Link> </span>
                        <span> <Link  to="#">关于我们</Link> </span>
                      {/*<span> <Link  onClick={this._handleClick.bind(this)}  to="#">关于我们</Link> </span>*/}
                      {/*<span> <Link  to='/detail'>如何使用</Link></span>*/}

                      <a to="/">首页</a> 
                       <a  href="#DoWhat">关于我们</a>
                      {/*<span> <Link  onClick={this._handleClick.bind(this)}  to="#">关于我们</Link> </span>*/}
                       <a  href="#HowToDo">如何使用</a>
                    </div>
                </div>
            </div>
        )
    }
}

export default Header;